<template>
  <div class="deposit_box">
    <!-- 缴纳押金 -->
    <div class="deposit">
      <p>缴纳押金</p>
      <div>
        $ 190.00
      </div>
      <div>
        提示：缴纳押金审核完成后即可登录
      </div>

    </div>

    <!-- 确定缴纳 -->
    <div class="deposit_but">
      缴纳押金
    </div>

    <!-- 返回 -->
    <div class="deposit_but2">
      跳过并重新登录
    </div>

  </div>
</template>

<script>
export default {
  props: {

  },
  data() {
    return {

    };
  },
  computed: {

  },
  created() {

  },
  mounted() {

  },
  watch: {

  },
  methods: {

  },
  components: {

  },
};
</script>

<style scoped >
.deposit {
  margin-top: 30rpx;
  margin-bottom: 80rpx;
  background: #ffffff;
  padding: 30rpx;
}
.deposit > div:nth-child(2) {
  margin-top: 50rpx;
  padding: 20rpx 0;
  border-bottom: 2rpx solid #f5f5f5;
  font-size: 48rpx;
}
.deposit > div:nth-child(3) {
  margin-top: 30rpx;
}
.deposit_but {
  width: 686rpx;
  height: 88rpx;
  line-height: 88rpx;
  text-align: center;
  background: #1677ff;
  border-radius: 10rpx;
  color: #ffffff;
  margin: 20rpx auto;
}
.deposit_but2 {
  width: 682rpx;
  height: 84rpx;
  line-height: 88rpx;
  text-align: center;
  border-radius: 10rpx;
  color: #1677ff;
  margin: 20rpx auto;
  border: 2rpx solid #1677ff;
}
</style>
